<template>
  <div class="about">
    <h1>This is an about page</h1>
    <!--    可以通过这样的方式获取路由的id（参数）-->
    <h2>id:{{$route.query.a}}</h2>
<!--  第二种方法获取路由的id(参数)-->
<!--    <h3>id:{{ a }}</h3>-->
      <h3>标题：{{$route.meta.title}}</h3>
  </div>
</template>
<script>
  export default {
    // props:['a'], //在index.js的About路由里先写props:true,才能获取 a的参数
     data(){
       return{}
     },
    created() {
      // console.log(this.$route); // $route 相当于路由，内容都是路由里的
    }
  }
</script>

<style scoped>

</style>
